import React from 'react';

import './static/css/discover.css';

class Discover extends React.Component{
    constructor(props){
        super(props)
    }
    render(){
        return(
            <div>
                <div id='header1'><h2><span>&lt;</span>发现</h2></div>
		        <div className='feature'>
			        <div className='left'>
				        <div className='jifen box'>
					        <p className='txt1'>积分商城</p>
					        <p className='txt2'>0元好物在这里！</p>
					        <img src='jifen.jpeg'  />
				        </div>
				        <div className='liuliang box'>
					
					        <div className='text'>
							    <p className='txt1'>免费流量</p>
							    <p className='txt2'>每月最高500M</p>
						    </div>
						    <img src='liuliang.jpg'  />
					    </div>
			        </div>		
				
			        <div className='right'>
				        <ul>
					        <li className='meishi box '>
						        <div className='text'>
							        <p className='txt1'>美味爆料</p>
							        <p className='txt2'>想吃零食点我点我</p>
						        </div>
						
						        <img src='meiwei.jpeg'  />
					        </li>
					        <li className='tuijian box'>
						
						        <div className='text'>
							        <p className='txt1'>推荐有奖</p>
							        <p className='txt2'>5元现金拿不停</p>
						        </div>
						
						        <img src='tuijian.jpeg'  />
					        </li>
					        <li className='hongbao box'>
						
						        <div className='text'>
							        <p className='txt1'>有红包快抢</p>
							        <p className='txt2'>礼包福利领不停</p>
						        </div>
						
						        <img src='hongbao.jpg'  />
					        </li>
				        </ul>
					
			        </div>
			
			</div>
		    <div className='nav'>
			    <img src='nav.jpg'  />
		    </div>
		    <div className='main'>
			    <section>
				<div className='inner'>
					<div className='header'>
						<div className='left'></div>
						<div className="icon1">
							<i className='iconfont'>&#xe62d;</i>
							美食热推
						</div>
						<div className='right'>
						</div>
					</div>
					<p className='title'>你的口味，我都懂得</p>
					<ul>
						<li>
							<img src='jipai.jpg' />
							<p className='call'>鸡排/牛肉饼双拼盘</p>
							<p className='price'>￥19.8</p>
						</li>
						<li>
							<img src='yiliduo.jpg' />
							<p className='call'>益力多500ml</p>
							<p className='price'>￥10.9</p>
						</li>
						<li>
							<img src='naicha.jpg' />
							<p className='call'>招牌烧仙草</p>
							<p className='price'>￥13</p>
						</li>
					</ul>
					<p className='more'>查看更多&gt;</p>
				</div>
			</section>
			
		</div>
    </div>
        )
    }
}

export default Discover;